$(function () {

    // 1.根据地址传过来的id 进行切割，取需要的数据即可
    let id = location.search.split('=')[1]


    // 2.数据渲染
    $.ajax({
        // 请求类型
        type: "get",
        // 请求地址
        url: "/product/queryProductDetail",
        // 请求数据
        data: {
            id: id
        },
        // 返回的数据  'text', 'xml', 'json', 'script'
        dataType: "json",
        success: function (res) {
            console.log(res)
            // ajax中使用 ==》 使用模板引擎
            let str = template('tmp', res)
            $('.mui-scroll').html(str)

            // 获取slider插件对象
            // 轮播图
            let gallery = mui('.mui-slider')
            gallery.slider({
                interval: 2000
            })
            // 给数字输入框绑定事件
            mui('.mui-numbox').numbox()
        }
    })


    // 3.尺码选择 ==》排他
    $('.mui-scroll').on('click', '.lt_size span', function () {
        $(this).addClass('current').siblings().removeClass('current')
    })


    // 4.加入购物车
    $('#addCart').click(function () {
        // 获取到产品数量传给后台
        let num = $('.mui-numbox-input').val()
        // 获取到产品尺码传给后台
        let size = $('.lt_size .current').text()

        // 判断是否选择尺码了
        if (!size){
            mui.toast('请先选择尺码!!!')
            return
        }

        // 加入购物车
        $.ajax({
            // 请求类型
            type: "post",
            // 请求地址
            url: "/cart/addCart",
            // 请求数据
            data: {
                productId :id,
                size :size,
                num :num
            },
            // 返回的数据  'text', 'xml', 'json', 'script'
            dataType: "json",
            success: function (res) {
                console.log(res);
                if (res.error) {
                    // 跳到登录页，并且记录当前页的地址到登录页
                    location.href = './login.html?reUrl=' + location.href
                }
                if (res.success) {
                    mui.confirm('购物车添加成功', '温馨提示', ['在看看', '去购物车'], function (e) {
                        if (e.index == 1){
                            location.href = './cart.html'
                        }
                    })
                }
            }


        })

    })


})